<template>
  <div class="model-view">
    <div id="ssp"></div>
  </div>
</template>

<script setup>
import { mountSoonSpace } from '@/ssp'
onMounted(() => {
  mountSoonSpace('#ssp', '1094986899640029184', 'digitaltwins-ams', 'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAiuU3PLtXTs4mJPnL2uwIxw/NqzjtFnHSQ30Rlfr6vZUnvlWa2c1t4kG0fb8mOlpmKXKcCnViiIY9Q9hLjJKS+aNeGIz1uzrsIuzHT8erKxK9mDFSMStMfwUxq7s5LyUJbdr5OXavzaQrLOSlitMjFiFxIJow2cmPdIBTwlSC96i4N1hkYjaq/QyOTuCJv7iwmDf0LU4Nv6ewF4zayuQh0sShnauukW3leKktnNvhVfC1vaiFGS/ihxQoD9yGte6YTwCch0PZT/WYKiqJAxuQ8TZ4/YLHoC/c0DL13IxlArHkkFV9hkSGjXGNNEa6ZDxbMu8jyxZ7TyAS4rjYFPJ5DQIDAQAB')
})
</script>
<style scoped lang='scss'>
.model-view {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #000;
  #ssp {
    width: 100%;
    height: 100%;
  }
  .tiema {
    position: absolute;
    top: 30%;
    z-index: 99;
  }
  .keliu {
    position: absolute;
    top: 35%;
    z-index: 99;
  }
  .guankong {
    position: absolute;
    top: 40%;
    z-index: 99;
  }
}
</style>